const getImportHandleCssCode = require("./utils");
module.exports = function (content) {
  console.log(content);
  content = content.replace("export default ___CSS_LOADER_EXPORT___;", "");
  return `
  //将css-loader的导出内容，原封不动的返回了
  ${content}
  //中间插入将css-loader的导出结果，注入到html的过程
  const cssList = ___CSS_LOADER_EXPORT___;
  ${getImportHandleCssCode(this)}
  handleCss(cssList)
  export default ___CSS_LOADER_EXPORT___
  `;
};

// module.exports.pitch = function (remainingReq, previousReq, data) {
//   //如果在第一个loader的pitching阶段返回来内容，默认情况下，后续的loader的所有处理都不会执行
//   //所以要在该函数中，处理所有的转换流程

//   console.log(remainingReq);

//   return `
//   // 将css-loader处理css文件的导入，使用内联的方式（在导入文件时，直接指定loader）
//   // 在webpack.config.js中配置的css处理，与下面内联方式处理css相冲突
//   // 解决冲突的办法:在请求的最前面加上!,忽略webpack.config.js中的配置
//   import cssList from '!../node_modules/css-loader/dist/cjs.js!D:/ziliao/webpack-code/src/index.css';
// //   import handleCss from '../loaders/runtime/handle-css.js'
//   // 这个css是一个二维数组,css:[id,cssText]

// //   import handleCss from '../loaders/runtime/handle-css.js'
// ${getImportHandleCssCode(this)}

// //将下面的循环提取到一个loader的一个函数中
// //   for (let css of cssList){
// //     const style =document.createElement('style')
// //     document.head.appendChild(style)
// //     style.appendChild(document.createTextNode(css[1]))
// //   }
// handleCss(cssList)

//   export default cssList
//   `;
// };
